<template>
  <!-- 轮播图 -->
  <!-- banner -->
  <div class="banner">
    <!-- swiper -->
    <!-- 轮播图 -->
    <div class="swiper">
      <!-- ============================= 轮播图 Start =================================== -->
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="(item, index) in lunbo" :key="index">
          <a href="javascript:;">
            <img :src="item.imgUrl" alt="" />
          </a>
        </div>
      </div>
      <!-- ============================= 轮播图 End =================================== -->

      <!--分页器-->
      <div class="swiper-pagination"></div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['lunbo']
}
</script>

<style></style>
